<!DOCTYPE html>
<html>
<head>
    {% load static %}
<title>Horror</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="{% static "css/bootstrap.css" %}" rel="stylesheet" type="text/css" media="all" />
<!-- pop-up -->
<link href="{% static "css/popuo-box.css" %}" rel="stylesheet" type="text/css" media="all" />
<!-- //pop-up -->
<link href="{% static "css/easy-responsive-tabs.css" %}" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" type="text/css" href="{% static "css/zoomslider.css" %}" />
<link rel="stylesheet" type="text/css" href="{% static "css/style.css" %}" />
<link href="{% static "css/font-awesome.css" %}" rel="stylesheet"> 
<script type="text/javascript" src="{% static "js/modernizr-2.6.2.min.js" %}"></script>
<!--/web-fonts-->
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
</head>
<body>
<!--/main-header-->
  <!--/banner-section-->
	<div id="demo-1" class="banner-inner">
	 <div class="banner-inner-dott">
		<!--/header-w3l-->
			   <div class="header-w3-agileits" id="home">
			     <div class="inner-header-agile part2">	
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a  href="{% url "index" %}"><span>M</span>ovies <span>P</span>ro</a></h1>
					</div>
					<!-- navbar-header -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
							<li><a href="{% url "index" %}">Home</a></li>
							<li class="dropdown active">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Genre <b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
{#											<li><a href="{% url "genre" %}">Action</a></li>#}
{#											<li><a href="{% url "genre" %}">Biography</a></li>#}
											<li><a href="{% url "comedy" %}">Comedy</a></li>
											<li><a href="{% url "genre" %}">Recommend</a></li>
											<li><a href="{% url "honor_page" %}">Horror</a></li>
{#											<li><a href="{% url "genre" %}">Romance</a></li>#}
{#											<li><a href="{% url "genre" %}">Sports</a></li>#}
{#											<li><a href="{% url "genre" %}">War</a></li>#}
										</ul>
									</div>
{#									<div class="col-sm-4">#}
{#										<ul class="multi-column-dropdown">#}
{#											<li><a href="{% url "genre" %}">Adventure</a></li>#}
{#											<li><a href="{% url "genre" %}">Documentary</a></li>#}
{#											<li><a href="{% url "genre" %}">Fantasy</a></li>#}
{#											<li><a href="{% url "genre" %}">Thriller</a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="col-sm-4">#}
{#										<ul class="multi-column-dropdown">#}
{#											<li><a href="{% url "genre" %}">Animation</a></li>#}
{#											<li><a href="{% url "genre" %}">Costume</a></li>#}
{#											<li><a href="{% url "genre" %}">Drama</a></li>#}
{#											<li><a href="{% url "genre" %}">History</a></li>#}
{#											<li><a href="{% url "genre" %}">Musical</a></li>#}
{#											<li><a href="{% url "genre" %}">Psychological</a></li>#}
{#										</ul>#}
{#									</div>#}
									<div class="clearfix"></div>
									</li>
								</ul>
							</li>
{#							<li><a href="series.html">tv - series</a></li>#}
{#							<li><a href="news.html">news</a></li>#}
{#							<li class="dropdown">#}
{#								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Country <b class="caret"></b></a>#}
{#								<ul class="dropdown-menu multi-column columns-3">#}
{#									<li>#}
{#										<div class="col-sm-4">#}
{#											<ul class="multi-column-dropdown">#}
{#												<li><a href="{% url "genre" %}">Asia</a></li>#}
{#												<li><a href="{% url "genre" %}">France</a></li>#}
{#												<li><a href="{% url "genre" %}">Taiwan</a></li>#}
{#												<li><a href="{% url "genre" %}">United States</a></li>#}
{#											</ul>#}
{#										</div>#}
{#										<div class="col-sm-4">#}
{#											<ul class="multi-column-dropdown">#}
{#												<li><a href="{% url "genre" %}">China</a></li>#}
{#												<li><a href="{% url "genre" %}">HongCong</a></li>#}
{#												<li><a href="{% url "genre" %}">Japan</a></li>#}
{#												<li><a href="{% url "genre" %}">Thailand</a></li>#}
{#											</ul>#}
{#										</div>#}
{#										<div class="col-sm-4">#}
{#											<ul class="multi-column-dropdown">#}
{#												<li><a href="{% url "genre" %}">Euro</a></li>#}
{#												<li><a href="{% url "genre" %}">India</a></li>#}
{#												<li><a href="{% url "genre" %}">Korea</a></li>#}
{#												<li><a href="{% url "genre" %}">United Kingdom</a></li>#}
{#											</ul>#}
{#										</div>#}
{#										<div class="clearfix"></div>#}
{#									</li>#}
{#								</ul>#}
{#							</li>#}
{#								<li><a href="list.html">A - z list</a></li>#}
{#							    <li><a href="contact.html">Contact</a></li>#}
						</ul>

					</div>
					<div class="clearfix"> </div>	
				</nav>
					<div class="w3ls_search">
									<div class="cd-main-header">
										<ul class="cd-header-buttons">
											<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
										</ul> <!-- cd-header-buttons -->
									</div>
										<div id="cd-search" class="cd-search">
												<form action="{% url "search" %}" method="post">
											<input name="Search" type="search" placeholder="Search...">
										</form>
										</div>
								</div>
	
			</div> 

			   </div>
		<!--//header-w3l-->
		</div>
    </div>
  <!--/banner-section-->
 <!--//main-header-->
	         <!--/banner-bottom-->
			  <div class="w3_agilits_banner_bootm">
			     <div class="w3_agilits_inner_bottom">
			            <div class="col-md-6 wthree_agile_login">
						   				     <ul>
                                 {% if not request.user.username %}
									<li><i class="fa fa-phone" aria-hidden="true"></i> (+000) 009 455 4088</li>
									<li><a href="#" class="login"  data-toggle="modal" data-target="#myModal4">Login</a></li>
									<li><a href="#" class="login reg"  data-toggle="modal" data-target="#myModal5">Register</a></li>
                                 {% else %}
                                 <li>欢迎您：{{ request.user.username }}</li>
                                 <li><a href="{% url 'logout_user' %}" class="login"  data-toggle="#" data-target="">Logout</a></li>
                                 {% endif %}


								</ul>
						</div>
						 <div class="col-md-6 wthree_share_agile">
									
									<div class="single-agile-shar-buttons">
										<ul>
								<li>
									<div class="fb-like" data-href="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
									
								</li>
								<li>
									<div class="fb-share-button" data-href="" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="">Share</a></div>
								</li>
								
							</ul>
								</div>
						</div>
				</div>
			</div>
			<!--//banner-bottom-->
		     <!-- Modal1 -->
					<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" >

							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Login</h4>
										<div class="login-form">
																<form action="{% url 'login_user' %}" method="post">
                                                {%  csrf_token %}
                                                {{ loginform }}
{#												<input type="email" name="email" placeholder="E-mail" required="">#}
{#												<input type="password" name="password" placeholder="Password" required="">#}
												<div class="tp">
													<input type="submit" value="LOGIN NOW">
												</div>

												<div class="forgot-grid">
												       <div class="log-check">
														<label class="checkbox"><input type="checkbox" name="checkbox">Remember me</label>
														</div>
														<div class="forgot">
															<a href="#" data-toggle="modal" data-target="#myModal2">Forgot Password?</a>
														</div>
														<div class="clearfix"></div>
													</div>

											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
				<!-- //Modal1 -->
				  <!-- Modal1 -->
					<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" >

							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Register</h4>
										<div class="login-form">
								<form action="{% url 'create_user' %}" method="post">
                                                       {% csrf_token %}
{#                                                {{ usercreateform }}#}
                                                <span>Ursename：</span>{{ usercreateform.username }}
                                                <span>Password：</span>{{ usercreateform.password }}
                                                <span>Comfirm Password:</span>{{ usercreateform.comfirm_password  }}
{#											    <input type="text" name="name" placeholder="Name" required="">#}
{#												<input type="email" name="email" placeholder="E-mail" required="">#}
{#												<input type="password" name="password" placeholder="Password" required="">#}
{#												<input type="password" name="conform password" placeholder="Confirm Password" required="">#}
												<div class="signin-rit">
													<span class="agree-checkbox">
														<label class="checkbox"><input type="checkbox" name="checkbox">I agree to your <a class="w3layouts-t" href="#" target="_blank">Terms of Use</a> and <a class="w3layouts-t" href="#" target="_blank">Privacy Policy</a></label>
													</span>
												</div>
												<div class="tp">
													<input type="submit" value="REGISTER NOW">
												</div>

											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
				<!-- //Modal1 -->
				<!-- breadcrumb -->
				<div class="w3_breadcrumb">
					<div class="breadcrumb-inner">	
						<ul>
							<li><a href="{% url "index" %}">Home</a><i>//</i></li>
							<li>Genre</li>
						</ul>
					</div>
				</div>
			<!-- //breadcrumb -->

			<!--/content-inner-section-->
				<div class="w3_content_agilleinfo_inner">
					<div class="agile_featured_movies">

					<!--/tv-movies-->
					<h3 class="agile_w3_title hor-t">Horror<span>Movies</span> </h3>
					 <div class="wthree_agile-requested-movies tv-movies">
                         {% for i in honor_movie.object_list %}
										<div class="col-md-2 w3l-movie-gride-agile requested-movies">
															<a href="{% url 'single' i.pk %}" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}{{ i.movie_image }}" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="{% url 'single' i.pk %}">{{ i.movie_name }}</a></h6>
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>{{ i.release_time }}</p>
																		<div class="block-stars">
																			<ul class="w3l-ratings">
																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
																			</ul>
																		</div>
																		<div class="clearfix"></div>
																	</div>
																</div>
															<div class="ribben one">
																<p>{{ i.movie_class }}</p>
															</div>
													</div>
                         {% endfor %}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr2.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">The Forest</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#											<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr3.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">The Purge</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#												<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr4.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Lights Out </a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#											<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr5.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Rings	</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#												<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#															<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr6.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#															</a>#}
{#																<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#																	<div class="w3l-movie-text">#}
{#																		<h6><a href="single.html">Underworld</a></h6>							#}
{#																	</div>#}
{#																	<div class="mid-2 agile_mid_2_home">#}
{#																		<p>2016</p>#}
{#																		<div class="block-stars">#}
{#																			<ul class="w3l-ratings">#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																			</ul>#}
{#																		</div>#}
{#																		<div class="clearfix"></div>#}
{#																	</div>#}
{#																</div>#}
{#															<div class="ribben one">#}
{#																<p>NEW</p>#}
{#															</div>#}
{#													</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr7.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Hush</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#											<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr8.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Viral</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#												<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr9.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Ouija </a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#											<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
{#											<div class="col-md-2 w3l-movie-gride-agile requested-movies">#}
{#												<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/hr10.jpg" title="Movies Pro" class="img-responsive" alt=" ">#}
{#													<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#												</a>#}
{#												<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#													<div class="w3l-movie-text">#}
{#														<h6><a href="single.html">Don't Breathe</a></h6>							#}
{#													</div>#}
{#													<div class="mid-2 agile_mid_2_home">#}
{#														<p>2016</p>#}
{#														<div class="block-stars">#}
{#															<ul class="w3l-ratings">#}
{#																<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#															</ul>#}
{#														</div>#}
{#														<div class="clearfix"></div>#}
{#													</div>#}
{#												</div>#}
{#												<div class="ribben one">#}
{#													<p>NEW</p>#}
{#												</div>#}
{#											</div>#}
												<div class="clearfix"></div>
						</div>
			<!--//tv-movies-->
				
					  <div class="blog-pagenat-wthree">
								<ul>
                                    {% if honor_movie.has_previous %}
									<li><a class="frist" href="?page={{ honor_movie.previous_page_number }}">Prev</a></li>
									{% endif%}
                                       <li>pager{{honor_movie.number }} of {{ honor_movie.paginator.num_pages }}</li>
									{% if honor_movie.has_next %}


									<li><a class="last" href="?page={{honor_movie.next_page_number }}">Next</a></li>
                                {% endif %}
								</ul>
								
								<!--//requested-movies-->
				  <h3 class="agile_w3_title"> Top Movies <span>Review</span></h3>
			<!--/movies-->				
			<div class="w3_agile_latest_movies">
			
				<div id="owl-demo" class="owl-carousel owl-theme">
                    {% for i in movie_top|slice:"0:8" %}
					<div class="item">
						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">
							<a href="{% url 'single' i.pk %}" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}{{ i.movie_image }}" title="Movies Pro" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="{% url 'single' i.pk %}">{{ i.movie_name }}	</a></h6>
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p>{{ i.release_time }}</p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben one">
								<p>{{ i.movie_class }}</p>
							</div>
						</div>
					</div>
                    {% endfor %}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m6.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Hopeless</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m7.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Mechanic</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m8.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Timeless</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m3.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Deadpool</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m11.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Warcraft</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m14.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Rambo 4</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m13.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">Ghostbuster</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#						</div>#}
{#					</div>#}
{#					<div class="item">#}
{#						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">#}
{#							<a href="single.html" class="hvr-sweep-to-bottom"><img src="{{MEDIA_URL}}images/m15.jpg" title="Movies Pro" class="img-responsive" alt=" " />#}
{#								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>#}
{#							</a>#}
{#							<div class="mid-1 agileits_w3layouts_mid_1_home">#}
{#								<div class="w3l-movie-text">#}
{#									<h6><a href="single.html">RoboCop</a></h6>							#}
{#								</div>#}
{#								<div class="mid-2 agile_mid_2_home">#}
{#									<p>2016</p>#}
{#									<div class="block-stars">#}
{#										<ul class="w3l-ratings">#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>#}
{#											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>#}
{#										</ul>#}
{#									</div>#}
{#									<div class="clearfix"></div>#}
{#								</div>#}
{#							</div>#}
{#							<div class="ribben one">#}
{#								<p>NEW</p>#}
{#							</div>#}
{#							</div>#}
{#						</div>#}
					   </div>
				    </div>
				<!--//movies-->
					</div>
				</div>
				</div>
			<!--//content-inner-section-->
		
	<!--/footer-bottom-->
{#	<div class="contact-w3ls" id="contact">#}
{#			<div class="footer-w3lagile-inner">#}
{#				<h2>Sign up for our <span>Newsletter</span></h2>#}
{#				<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae eros eget tellus #}
{#					tristique bibendum. Donec rutrum sed sem quis venenatis.</p>#}
{#				<div class="footer-contact">#}
{#					<form action="#" method="post">#}
{#						<input type="email" name="Email" placeholder="Enter your email...." required=" ">#}
{#						<input type="submit" value="Subscribe">#}
{#					</form>#}
{#				</div>#}
{#					<div class="footer-grids w3-agileits">#}
{#						<div class="col-md-2 footer-grid">#}
{#						<h4>Release</h4>#}
{#							<ul> #}
{#								<li><a href="#" title="Release 2016">2016</a></li> #}
{#								<li><a href="#" title="Release 2015">2015</a></li>#}
{#								<li><a href="#" title="Release 2014">2014</a></li> #}
{#								<li><a href="#" title="Release 2013">2013</a></li> #}
{#								<li><a href="#" title="Release 2012">2012</a></li>#}
{#								<li><a href="#" title="Release 2011">2011</a></li> #}
{#							</ul>#}
{#						</div>#}
{#								<div class="col-md-2 footer-grid">#}
{#						<h4>Movies</h4>#}
{#							<ul>#}
{#								#}
{#								<li><a href="{% url "genre" %}">ADVENTURE</a></li>#}
{#								<li><a href="{% url "comedy" %}">COMEDY</a></li>#}
{#								<li><a href="series.html">FANTASY</a></li>#}
{#								<li><a href="series.html">ACTION  </a></li>#}
{#								<li><a href="{% url "genre" %}">MOVIES  </a></li>#}
{#								<li><a href="{% url "honor_page" %}">HORROR  </a></li>#}
{#								#}
{#							</ul>#}
{#						</div>#}
{#				#}
{##}
{#							<div class="col-md-2 footer-grid">#}
{#								<h4>Review Movies</h4>#}
{#									<ul class="w3-tag2">#}
{#									<li><a href="{% url "comedy" %}">Comedy</a></li>#}
{#									<li><a href="{% url "honor_page" %}">Horror</a></li>#}
{#									<li><a href="series.html">Historical</a></li>#}
{#									<li><a href="series.html">Romantic</a></li>#}
{#									<li><a href="series.html">Love</a></li>#}
{#									<li><a href="{% url "genre" %}">Action</a></li>#}
{#									<li><a href="single.html">Reviews</a></li>#}
{#									<li><a href="{% url "comedy" %}">Comedy</a></li>#}
{#									<li><a href="{% url "honor_page" %}">Horror</a></li>#}
{#									<li><a href="series.html">Historical</a></li>#}
{#									<li><a href="series.html">Romantic</a></li>#}
{#									<li><a href="{% url "genre" %}">Love</a></li>#}
{#									<li><a href="{% url "comedy" %}">Comedy</a></li>#}
{#									<li><a href="{% url "honor_page" %}">Horror</a></li>#}
{#									<li><a href="{% url "genre" %}">Historical</a></li>#}
{#									#}
{#								</ul>#}
{##}
{##}
{#						</div>#}
{#								<div class="col-md-2 footer-grid">#}
{#						<h4>Latest Movies</h4>#}
{#							<div class="footer-grid1">#}
{#								<div class="footer-grid1-left">#}
{#									<a href="single.html"><img src="{{MEDIA_URL}}images/1.jpg" alt=" " class="img-responsive"></a>#}
{#								</div>#}
{#								<div class="footer-grid1-right">#}
{#									<a href="single.html">eveniet ut molesti</a>#}
{#									#}
{#								</div>#}
{#								<div class="clearfix"> </div>#}
{#							</div>#}
{#							<div class="footer-grid1">#}
{#								<div class="footer-grid1-left">#}
{#									<a href="single.html"><img src="{{MEDIA_URL}}images/2.jpg" alt=" " class="img-responsive"></a>#}
{#								</div>#}
{#								<div class="footer-grid1-right">#}
{#									<a href="single.html">earum rerum tenet</a>#}
{#									#}
{#								</div>#}
{#								<div class="clearfix"> </div>#}
{#							</div>#}
{#							<div class="footer-grid1">#}
{#							#}
{#								<div class="footer-grid1-left">#}
{#									<a href="single.html"><img src="{{MEDIA_URL}}images/4.jpg" alt=" " class="img-responsive"></a>#}
{#								</div>#}
{#								<div class="footer-grid1-right">#}
{#									<a href="single.html">eveniet ut molesti</a>#}
{#									#}
{#								</div>#}
{#								<div class="clearfix"> </div>#}
{#							</div>#}
{#							<div class="footer-grid1">#}
{#								<div class="footer-grid1-left">#}
{#									<a href="single.html"><img src="{{MEDIA_URL}}images/3.jpg" alt=" " class="img-responsive"></a>#}
{#								</div>#}
{#								<div class="footer-grid1-right">#}
{#									<a href="single.html">earum rerum tenet</a>#}
{#									#}
{#								</div>#}
{#								<div class="clearfix"> </div>#}
{#							</div>#}
{##}
{##}
{#						</div>#}
{#						<div class="col-md-2 footer-grid">#}
{#						   <h4 class="b-log"><a href="{% url "index" %}"><span>M</span>ovies <span>P</span>ro</a></h4>#}
{#							<div class="footer-grid-instagram">#}
{#							<a href="single.html"><img src="{{MEDIA_URL}}images/m1.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#							<div class="footer-grid-instagram">#}
{#							<a href="single.html"><img src="{{MEDIA_URL}}images/m2.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#							<div class="footer-grid-instagram">#}
{#								<a href="single.html"><img src="{{MEDIA_URL}}images/m3.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#							<div class="footer-grid-instagram">#}
{#							<a href="single.html"><img src="{{MEDIA_URL}}images/m4.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#							<div class="footer-grid-instagram">#}
{#								<a href="single.html"><img src="{{MEDIA_URL}}images/m5.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#							<div class="footer-grid-instagram">#}
{#							<a href="single.html"><img src="{{MEDIA_URL}}images/m6.jpg" alt=" " class="img-responsive"></a>#}
{#							</div>#}
{#								#}
{#							<div class="clearfix"> </div>#}
{#						</div>#}
{#						<div class="clearfix"> </div>#}
{#						<ul class="bottom-links-agile">#}
{#								<li><a href="icons.html" title="Font Icons">Icons</a></li> #}
{#								<li><a href="short-codes.html" title="Short Codes">Short Codes</a></li> #}
{#								<li><a href="contact.html" title="contact">Contact</a></li> #}
{#								#}
{#							</ul>#}
{#					</div>#}
{#					<h3 class="text-center follow">Connect <span>Us</span></h3>#}
{#						<ul class="social-icons1 agileinfo">#}
{#							<li><a href="#"><i class="fa fa-facebook"></i></a></li>#}
{#							<li><a href="#"><i class="fa fa-twitter"></i></a></li>#}
{#							<li><a href="#"><i class="fa fa-linkedin"></i></a></li>#}
{#							<li><a href="#"><i class="fa fa-youtube"></i></a></li>#}
{#							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>#}
{#						</ul>	#}
{#					#}
{#			 </div>#}
{#						#}
{#			</div>#}
{#			<div class="w3agile_footer_copy">#}
{#				    <p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>#}
{#			</div>#}
{#		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>#}

<script src="{% static "js/jquery-1.11.1.min.js" %}"></script>
	<!-- Dropdown-Menu-JavaScript -->
			<script>
				$(document).ready(function(){
					$(".dropdown").hover(            
						function() {
							$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
							$(this).toggleClass('open');        
						},
						function() {
							$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
							$(this).toggleClass('open');       
						}
					);
				});
			</script>
		<!-- //Dropdown-Menu-JavaScript -->
		<!-- search-jQuery -->
				<script src="{% static "js/main.js" %}"></script>
			<!-- //search-jQuery -->
			<script src="{% static "js/simplePlayer.js" %}"></script>
			<script>
				$("document").ready(function() {
					$("#video").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video1").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video2").simplePlayer();
				});
			</script>
				<script>
				$("document").ready(function() {
					$("#video3").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video4").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video5").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video6").simplePlayer();
				});
			</script>

			<!-- pop-up-box -->  
		<script src="{% static "js/jquery.magnific-popup.js" %}" type="text/javascript"></script>
	<!--//pop-up-box -->

			<div id="small-dialog1" class="mfp-hide">
		<iframe src=""></iframe>
	</div>
	<div id="small-dialog2" class="mfp-hide">
		<iframe src=""></iframe>
	</div>
	<script>
		$(document).ready(function() {
		$('.w3_play_icon,.w3_play_icon1,.w3_play_icon2').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
		});
																		
		});
	</script>
<script src="{% static "js/easy-responsive-tabs.js" %}"></script>
<script>
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion           
width: 'auto', //auto or any width like 600px
fit: true,   // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<link href="{% static "css/owl.carousel.css" %}" rel="stylesheet" type="text/css" media="all">
<script src="{% static "js/owl.carousel.js" %}"></script>
<script>
	$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
	 
		 autoPlay: 3000, //Set AutoPlay to 3 seconds
		  autoPlay : true,
		   navigation :true,

		  items : 5,
		  itemsDesktop : [640,4],
		  itemsDesktopSmall : [414,3]
	 
		});
	 
	}); 
</script> 

<!--/script-->
<script type="text/javascript" src="{% static "js/move-top.js" %}"></script>
<script type="text/javascript" src="{% static "js/easing.js" %}"></script>

<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
<!--end-smooth-scrolling-->
	<script src="{% static "js/bootstrap.js" %}"></script>

 

</body>
</html>